<!-- 引入静态文件的变量  -->
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一个HTML</title>
    <!-- 引入外部的样式文件 -->
    <!-- link rel="stylesheet" href="../static/css/index.css" -->
    <link rel="stylesheet" href="{% static 'css/index.css' %}">
    <!-- 引入jQuery库 -->
    <!-- script src="../static/js/jquery-3.4.1.min.js"></script -->
    <script src="{% static 'js/jquery-3.4.1.min.js' %}"></script>
</head>
<body>
<button id="btn01">按钮</button>
<div class="div01">Hello,World!</div>  <!--页面内容 -->
<!-- img src="../static/images/course_html.png" alt="html课程"-->
<img src="{% static 'images/course_html.png' %}" alt="html课程">

</body>
</html>

<!-- 引入Js -->
<!-- script src="../static/js/index.js"></script -->
<script src="{% static 'js/index.js' %}"></script>

<!--
 在django的views中，render可以直接返回一个Html,
 但是不包含这个Html中的css,js,images
 这些文件在django称为静态文件，需要专门的配置才能够被外界所访问
 具体的配置
 1. 新建一个static文件夹放置这些静态文件
 2. 需要在项目的settings中进行配置
 3. 在html中使用正确的路径引入
 4. 在html中使用static关键字引入



 -->
